<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>转账操作</title>
  <link rel="stylesheet" href="../static/framework/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/framework/reset.css">
  <link rel="stylesheet" href="../static/css/footer.css">
  <link rel="stylesheet" href="../static/css/transferOp.css">
</head>

<body>
  <div class="wrapper">
    <!-- 标题区 -->
    <header>
      <i class="fa fa-angle-left fa-2x"></i>
      <p>转账操作</p>
      <p></p>
    </header>
    <!-- 转账操作信息区 -->
    <ul class="transfer">
      <!-- 转出账户信息 -->
      <li>
        <p>您的转出账户</p>
        <div class="account">
          <p>602***803</p>
        </div>
        <p>当前余额：<i class="fa fa-jpy"></i>1111</p>
      </li>
      <!-- 转入账户信息 -->
      <li>
        <p>选择收款人</p>
        <div class="account">
          <p>收款人姓名：袁绍</p>
          <i class="fa fa-angle-right" onclick="location.href='/recipientListForSelect'"></i>
        </div>
        <p>转入账号：602***811</p>
      </li>
      <!-- 交易金额区 -->
      <li>
        <p>交易金额</p>
        <div class="balance">
          <p>请选择金额，也可以输入其他金额</p>
          <div class="btn">
            <button type="button">500</button>
            <button type="button">1000</button>
            <button type="button">1500</button>
            <button type="button">5000</button>
          </div>
          <div class="money">
            <input type="number" placeholder="其他金额">
          </div>
        </div>
      </li>
    </ul>
    <!-- 下一步按钮操作 -->
    <div class="button_next">
      <button type="button" onclick="location.href='/transferAssure'">下一步</button>
    </div>
    <!-- 底部功能区 -->
    <ul class="footer">
      <li>
        <i class="fa fa-home"></i>
        <p>首页</p>
      </li>
      <li>
        <i class="fa fa-compass"></i>
        <p>发现</p>
      </li>
      <li>
        <i class="fa fa-user-o"></i>
        <p>账户</p>
      </li>
    </ul>
  </div>
</body>

</html>